<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  </head>
  <body>
    <script>
      // 域名判断是否引入alicdnJs
      function alicdnJs() {
        if (window.location.host.indexOf('openmall.joinsun.vip') !== -1) {
          var script = document.createElement('script')
          script.type = 'text/javascript'
          script.id = 'J_secure_sdk_v2'
          script.setAttribute('data-appkey', '32372331')
          if (window.location.protocol.indexOf('https') !== -1) {
            script.src = 'https://g.alicdn.com/sj/securesdk/0.0.3/securesdk_v2.js'
          } else {
            script.src = 'http://g.tbcdn.cn/sj/securesdk/0.0.3/securesdk_v2.js'
          }
          document.body.appendChild(script)
        }
      }
      alicdnJs()
      if (window.localStorage.getItem('document.title')) {
        document.title = window.localStorage.getItem('document.title')
      
        if (window.localStorage.getItem('document.ico') && window.localStorage.getItem('document.ico') !== 'undefined') {
          var link = document.querySelector("link[rel*='icon']") || document.createElement('link')
          link.type = 'image/x-icon'
          link.rel = 'shortcut icon'
          link.href = window.localStorage.getItem('document.ico')
          document.getElementsByTagName('head')[0].appendChild(link)
          console.log(window.localStorage.getItem('document.ico'))
        }
      }
    </script>
    <script src="https://enterpriseimg.joinsun.vip/tinymce4.7.5/tinymce.min.js"></script>
    <script charset="utf-8" src="https://map.qq.com/api/gljs?libraries=tools&v=1.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
    <!-- <script src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script> -->
    <script src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
    <div id="app">
      <style type="text/css">
        .el-loading-mask {
          position: absolute;
          z-index: 2000;
          background-color: hsla(0,0%,100%,.9);
          margin: 0;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          transition: opacity .3s;
        }
        .el-loading-spinner {
          top: 50%;
          margin-top: -21px;
          width: 100%;
          text-align: center;
          position: absolute;
          z-index: 5;
        }
        .el-loading-spinner .circular {
          height: 42px;
          width: 42px;
          animation: loading-rotate 2s linear infinite;        
        }
        .el-loading-spinner-bg {
          top: 50%;
          margin-top: -21px;
          width: 100%;
          text-align: center;
          position: absolute;
          z-index: 3;
        }
        .el-loading-spinner-bg .circular {
          height: 42px;
          width: 42px;
        }
        .el-loading-spinner-bg .path{
          stroke-width: 2;
          stroke: #ebebeb;
          stroke-linecap: round;
        }
        .el-loading-spinner .path {
          animation: loading-dash 1.5s ease-in-out infinite;
          stroke-dasharray: 90,150;
          stroke-dashoffset: 0;
          stroke-width: 2;
          stroke: #409eff;
          stroke-linecap: round;
        }        
        .el-loading-spinner .loading-text{
          font-size: 14px;
          color: #999;
          text-align: center;
          padding-top: 10px;
        }
        @keyframes loading-rotate {
          100% {
            transform: rotate(1turn);
          }
        }
        @keyframes loading-dash {
          0% {
            stroke-dasharray: 90,150;
            stroke-dashoffset: -20px;
          }
          50% {
            stroke-dasharray: 90,150;
            stroke-dashoffset: -40px;
          }
          100% {
            stroke-dasharray: 1,200;
            stroke-dashoffset: -150px;
          }
        }
      </style>
      <div class="el-loading-mask">
        <div class="el-loading-spinner">
          <svg viewBox="25 25 50 50" class="circular">
            <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
          </svg>
          <div class="loading-text">加载中</div> 
        </div>
        <div class="el-loading-spinner-bg">
          <svg viewBox="25 25 50 50" class="circular">
            <circle cx="50" cy="50" r="20" fill="none" class="path"></circle>
          </svg> 
        </div>
      </div>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
